<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>树插件</title>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/css/base/index.css" />
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/dtree/dtree.css"/>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/dtree/font/iconfont.css"/>
	</head>
	<style type="text/css">
		body,html{width:100%;height:100%;}
	</style>
	<body>
		<div class="maintree">
			<div class="shoubtn switchbtn"><i class="iconfont">&#xe628;</i><i class="iconfont hide">&#xe939;</i></div>
			<div class="maintree-left">
				<div class="mainltree-left-tit">
					组织机构
				</div>
				<ul id="demoTree" class="dtree" data-id="0">
				</ul>
				<div class="maintree-list" id="maintree"  style="display:none;">
					<ul>
						<li><h1 class="nocildlable">微信管理</h1></li>
						<li><h1 class="nocildlable">会员管理</h1></li>
						<li><h1 class="nocildlable">官网管理</h1></li>
						<li><h1 class="nocildlable">系统管理</h1></li>
						<li><h1 class="nocildlable">新闻资讯</h1></li>
						<li><h1 class="nocildlable">应用案例</h1></li>
						<li><h1 class="nocildlable">广告分类</h1></li>
						<li><h1 class="nocildlable">行业分类</h1></li>
						<li>
							<h1 class="zklable">公众号管理</h1>
							<ul >
								<li><h1 class="nocildlable">官网管理</h1></li>
								<li><h1 class="nocildlable">轮播图</h1></li>
								<li >
									<h1 class="zklable">应用案例</h1>
									<ul >
											<li><h1 class="nocildlable">官网管理</h1></li>
											<li><h1 class="nocildlable">轮播图</h1></li>
											<li><h1 class="nocildlable">应用案例</h1></li>
											<li><h1 class="nocildlable">官网管理</h1></li>
											<li><h1 class="nocildlable">轮播图</h1></li>
											<li><h1 class="nocildlable">应用案例</h1></li>
									</ul>
								</li>
								<li><h1 class="nocildlable">官网管理</h1></li>
								<li><h1 class="nocildlable">轮播图</h1></li>
								<li><h1 class="nocildlable">应用案例</h1></li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="maintree-right">
				<div class="wrap-container clearfix">
					<div class="column-content-detail padt10" >
						<!--右侧内容部分开始-->
						<form class="layui-form">
							<div class="search-cont clearfix" id="tool">
								<div class="operation-btn-cont">
									<div class="operright cyt-retract-close hideMenu"> 收起筛选<i class="iconfont">&#xe658;</i></div>
									<div class="operright cyt-retract-open showMenu" style="display: none;"> 展开筛选<i class="iconfont">&#xe936;</i></div>
									<!--button开始-->
									<button class="layui-btn layui-btn-normal layui-btn-mid" type="button" id="addBtn"><i class="iconfont marr5">&#xe65e;</i>添加</button>
									<button class="layui-btn layui-btn-normal layui-btn-mid" type="button" id="deleteBtn"><i class="iconfont marr5">&#xe6a3;</i>删除</button>
									<!--button结束-->
									<div class="triangle-bottom"></div>
									<div class="triangle-top"></div>
								</div>
								<div class="search-details">
									<div class="layui-form-item marb5">
										<!--search开始-->
										<div class="layui-inline">
											<label class="layui-form-label">公众号名称：</label>
											<div class="layui-input-inline">
												<input type="text" name="name" placeholder="请输入公众号名称" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-inline">
											<label class="layui-form-label">公众号类型：</label>
											<div class="layui-input-inline">
												<select name="accountType" id="accountType"></select>
											</div>
										</div>
										<div class="layui-inline">
											<label class="layui-form-label">用户姓名：</label>
											<div class="layui-input-inline">
												<input type="text" name="userIdName" placeholder="请输入用户姓名" autocomplete="off" class="layui-input">
											</div>
										</div>
										<!--search结束-->
										<div class="layui-inline marl8">
											<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="seacherBtn">搜索</button>
											<button class="layui-btn layui-btn-normal" type="reset">重置</button>
										</div>
									</div>
								</div>
							</div>
						</form>
						<div class="layui-form" id="table-list">
							<table id="entityList" lay-filter="entityList" class="cy-list-table"></table>
						</div>
						<!--右侧内容部分结束-->
					</div>
				</div>
			</div>
		</div>

	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script>
            //Demo
            layui.use(['form', 'dialog','jquery','dtreeUtil','dtree'], function(){
                var form = layui.form
					,$ = layui.jquery
                    ,dialog = layui.dialog
					, dtree = layui.dtree
					,dtreeUtil = layui.dtreeUtil;
                $("#demoTree").html("");
                dtreeUtil.pageDtree("#demoTree","/sysMenu/dTreeList",false,function (data,obj) {
                });
                dtreeUtil.dTreeClick("demoTree",function (param) {
					debugger
                })
            });
		</script>
	</body>
</html>